<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets" >

<h:head>
	<title>TravelDream</title>
	<link rel="stylesheet" type="text/css" href="style/registrazione.css" />
</h:head>
<h:body>
	<div id="main">
		<div id="upper">
			<div id="logo"><a href="home.xhtml"><img id="logo-img" src="img/logo.png"/></a></div>
			<div id="login-up"></div>
		</div>
		<div id="center">
		<div id="center1">
			<h:form>
				<p:panel header="Registrazione" id="regpanel" >
				<h:panelGrid columns="3" id="regGrid" >
					<h:outputLabel for="idUtente">Username:</h:outputLabel>
					<p:inputText id="idUtente" value="#{registrazioneBean.getUtente().idUtente}" />
					<p:message for="idUtente" />
					
					<h:outputLabel for="password">Password:</h:outputLabel>
					<p:password id="password" value="#{registrazioneBean.utente.password}"
						feedback="true" match="pwd2" label="Password" promptLabel="Inserisci una password" weakLabel="Debole" goodLabel="Buono" strongLabel="Forte" required="true" requiredMessage="Inserisci una password!" />
					<p:message for="password" />
		
					<h:outputLabel for="pwd2">Conferma Password:</h:outputLabel>
					<p:password id="pwd2" label="Conferma Password" value="#{registrazioneBean.utente.password}" />
					<h:outputText value=" " />
					
					<h:outputLabel for="nome">Nome:</h:outputLabel>
					<p:inputText id="nome" required="true" requiredMessage="Il campo non deve essere vuoto!" value="#{registrazioneBean.utente.nome}" />
					<p:message for="nome" />

					<h:outputLabel for="cognome">Cognome:</h:outputLabel>
					<p:inputText id="cognome" value="#{registrazioneBean.utente.cognome}"  required="true" requiredMessage="Il campo non deve essere vuoto!"/>
					<p:message for="cognome" />
				
					<h:outputLabel for="email">Email:</h:outputLabel>
					<p:inputText id="email" value="#{registrazioneBean.utente.email}" required="true" requiredMessage="Il campo non deve essere vuoto!"/>
					<p:message for="email" />
				
					<h:outputLabel for="dataNascita">Data di nascita:</h:outputLabel>
					<p:inputText id="dataNascita" value="#{registrazioneBean.utente.dataNascita}" required="true" requiredMessage="Il campo non deve essere vuoto!"/>
					<p:message for="dataNascita" />
				
					<h:outputLabel for="telefono">Telefono:</h:outputLabel>
					<p:inputText id="telefono" value="#{registrazioneBean.utente.telefono}" required="true" requiredMessage="Il campo non deve essere vuoto!" maxlength="10" />
					<p:message for="telefono" />
				
				</h:panelGrid>
				<p:commandButton value="Registrati" update="regGrid"
					action="#{registrazioneBean.registra()}" />
			</p:panel>
			<h:messages globalOnly="true"  style="color:red"/>
		</h:form>
		</div></div>
		<div id="footer">
        	<h:link outcome="admin/PaginaPrincipale" value="Accesso Admin | " />
        	<h:link outcome="utenti/PaginaPrincipale?user=true" value="Accesso Clienti | " />
        	<h:link outcome="dipendenti/PaginaPrincipale" value="Accesso Dipendenti" /> 
	</div>
	</div>
</h:body>
</html>